<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>TUCAO-MANAGE</title>

    <link rel="stylesheet" href="../css/manage-my.css" media="screen" type="text/css">
    <!--字体图标库-->
    <link rel="stylesheet" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <!--bootstrap-->
    <link rel="stylesheet" href="../lib/bootstrap-3.3.7/dist/css/bootstrap.min.css">
    <!--导航求-->
    <link rel="stylesheet" href="../lib/css/gooey.min.css">
    <!--滚动条-->
    <link rel="stylesheet" href="../lib/css/scrollBar.css">
    <!--消息提示组件 CSS-->
    <link rel="stylesheet" href="../lib/spop-gh-pages/dist/spop.css">
    <!--分页-->
    <link rel="stylesheet" href="../lib/css/jquery.pagination.css">
    <!--左侧次导航-->
    <link rel="stylesheet" type="text/css" href="../lib/css/nav.css">
</head>

<body>
<div style="position: relative;z-index: 9999">
    <!--左侧 分类标签-->
    <div class='all'>
        <div class='box'>
            <a id="tucao">
                <div id="tucaoPoint" class='card bg-01 active'><span class="card-content">我的吐槽 #1</span></div>
            </a>
        </div>
        <div class='box'>
            <a id="heart">
                <div id="heartPoint" class='card bg-02'><span class="card-content">我的鸡汤 #2</span></div>
            </a>
        </div>
        <div class='box'>
            <a id="like">
                <div id="likePoint" class='card bg-02'><span class="card-content">我的赞 #3</span></div>
            </a>
        </div>
    </div>

    <!--左下角导航栏-->
    <div class="leftNav-item">
        <ul>
            <li>
                <i class="fa fa-reply-all"></i>
                <a href="welcome-after.html" class="rota">返回</a>
            </li>
        </ul>
    </div>

    <!--右侧 导航栏-->
    <div class="box-right">
        <nav id="gooey">
            <input type="checkbox" class="menu-open" name="menu-open" id="menu-open"/>

            <label class="open-button" for="menu-open">
                <span class="burger burger-1"></span>
                <span class="burger burger-2"></span>
                <span class="burger burger-3"></span>
            </label>

            <a href="news.html" class="gooey-menu-item" title="首页">
                <i class="fa fa-home"></i>
            </a>
            <a href="tucao-area.html" class="gooey-menu-item" title="吐槽墙">
                <i class="fa fa-comments-o"></i>
            </a>
            <a href="heart-area.html" class="gooey-menu-item" title="心灵小组">
                <i class="fa fa-sun-o"></i>
            </a>
            <a href="manage-my.html" class="gooey-menu-item" title="管理我的">
                <i class="fa fa-user"></i>
            </a>
        </nav>
    </div>

    <!--内容展示-->
    <div class="tucao-content">
        <!--0-->
        <div id="tucao0" class="tucao">
            <!--头像-->
            <div class="picture">
                <img class="circleImg" src="../img/user.jpg">
            </div>
            <!--用户名、时间、地点信息-->
            <div class="author">
                <div class="name">
                    <span id="username0"></span>&nbsp;&nbsp;
                    <!--审核通过还是未通过 class="verifySucceed" "verifyFailed" "noVerify"-->
                    <span id="verifyClassify0" style="display: none"></span>
                    <!--标明是吐槽数据还是鸡汤数据 class="contentSortTucao" / class="contentSortHeart"-->
                    <span style="display: none" id="contentClassify0"></span>
                    <!--吐槽类别-->
                    <span style="display: none" id="tucaoSort0" class="contentSortTucao"></span>
<!--                    &lt;!&ndash;删除按钮&ndash;&gt;-->
<!--                    <button id="deleteMine0" class="deleteMine">删除</button>-->
                </div>
                <div class="deletest">
                    <!--删除按钮-->
                    <button id="deleteMine0" class="deleteMine" >删除</button>
                </div>
                <div class="time">
                    <span id="time0"></span>&nbsp;&nbsp;<span id="place0"></span>
                </div>
            </div>
            <!--内容-->
            <div class="content">
                <span id="sortId0" style="display: none">0</span>
                <span id="id0" style="display: none"></span>
                <span id="content0" style="cursor:pointer"></span>
            </div>
            <!--底部点赞、评论、点击量等信息-->
            <div class="bottom">
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="discussNum0"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right"><i class="fa fa-commenting-o"></i></span>
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="likeNum0"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right;cursor:pointer" id="likeBtn0"><i id="likeCron0" class="fa fa-heart-o"></i></span>
                <!--                    <span style="float: right"><i class="fa fa-heart"></i></span>-->
            </div>
        </div>
        <!--1-->
        <div id="tucao1" class="tucao">
            <!--头像-->
            <div class="picture">
                <img class="circleImg" src="../img/user.jpg">
            </div>
            <!--用户名、时间、地点信息-->
            <div class="author">
                <div class="name">
                    <span id="username1"></span>&nbsp;&nbsp;
                    <!--审核通过还是未通过-->
                    <span id="verifyClassify1" style="display: none"></span>
                    <!--标明是吐槽数据还是鸡汤数据 class="contentSortTucao" / class="contentSortHeart"-->
                    <span style="display: none" id="contentClassify1"></span>
                    <!--吐槽类别-->
                    <span style="display: none" id="tucaoSort1" class="contentSortTucao"></span>
<!--                    &lt;!&ndash;删除按钮&ndash;&gt;-->
<!--                    <button id="deleteMine1" class="deleteMine" >删除</button>-->
                </div>
                <div class="deletest">
                    <!--删除按钮-->
                    <button id="deleteMine1" class="deleteMine" >删除</button>
                </div>
                <div class="time">
                    <span id="time1"></span>&nbsp;&nbsp;<span id="place1"></span>
                </div>
            </div>
            <!--内容-->
            <div class="content">
                <span id="sortId1" style="display: none">1</span>
                <span id="id1" style="display: none"></span>
                <span id="content1" style="cursor:pointer"></span>
            </div>
            <!--底部点赞、评论、点击量等信息-->
            <div class="bottom">
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="discussNum1"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right"><i class="fa fa-commenting-o"></i></span>
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="likeNum1"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right;cursor:pointer" id="likeBtn1"><i id="likeCron1" class="fa fa-heart-o"></i></span>
                <!--                    <span style="float: right"><i class="fa fa-heart"></i></span>-->
            </div>
        </div>
        <!--2-->
        <div id="tucao2" class="tucao">
            <!--头像-->
            <div class="picture">
                <img class="circleImg" src="../img/user.jpg">
            </div>
            <!--用户名、时间、地点信息-->
            <div class="author">
                <div class="name">
                    <span id="username2"></span>&nbsp;&nbsp;
                    <!--审核通过还是未通过-->
                    <span id="verifyClassify2" style="display: none"></span>
                    <!--标明是吐槽数据还是鸡汤数据 class="contentSortTucao" / class="contentSortHeart"-->
                    <span style="display: none" id="contentClassify2"></span>
                    <!--吐槽类别-->
                    <span style="display: none" id="tucaoSort2" class="contentSortTucao"></span>
<!--                    &lt;!&ndash;删除按钮&ndash;&gt;-->
<!--                    <button id="deleteMine2" class="deleteMine" >删除</button>-->
                </div>
                <div class="deletest">
                    <!--删除按钮-->
                    <button id="deleteMine2" class="deleteMine" >删除</button>
                </div>
                <div class="time">
                    <span id="time2"></span>&nbsp;&nbsp;<span id="place2"></span>
                </div>
            </div>
            <!--内容-->
            <div class="content">
                <span id="sortId2" style="display: none">2</span>
                <span id="id2" style="display: none"></span>
                <span id="content2" style="cursor:pointer"></span>
            </div>
            <!--底部点赞、评论、点击量等信息-->
            <div class="bottom">
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="discussNum2"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right"><i class="fa fa-commenting-o"></i></span>
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="likeNum2"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right;cursor:pointer" id="likeBtn2"><i id="likeCron2" class="fa fa-heart-o"></i></span>
                <!--                    <span style="float: right"><i class="fa fa-heart"></i></span>-->
            </div>
        </div>
        <!--3-->
        <div id="tucao3" class="tucao">
            <!--头像-->
            <div class="picture">
                <img class="circleImg" src="../img/user.jpg">
            </div>
            <!--用户名、时间、地点信息-->
            <div class="author">
                <div class="name">
                    <span id="username3"></span>&nbsp;&nbsp;
                    <!--审核通过还是未通过-->
                    <span id="verifyClassify3" style="display: none"></span>
                    <!--标明是吐槽数据还是鸡汤数据 class="contentSortTucao" / class="contentSortHeart"-->
                    <span style="display: none" id="contentClassify3"></span>
                    <!--吐槽类别-->
                    <span style="display: none" id="tucaoSort3" class="contentSortTucao"></span>
<!--                    &lt;!&ndash;删除按钮&ndash;&gt;-->
<!--                    <button id="deleteMine3" class="deleteMine" >删除</button>-->
                </div>
                <div class="deletest">
                    <!--删除按钮-->
                    <button id="deleteMine3" class="deleteMine" >删除</button>
                </div>
                <div class="time">
                    <span id="time3"></span>&nbsp;&nbsp;<span id="place3"></span>
                </div>
            </div>
            <!--内容-->
            <div class="content">
                <span id="sortId3" style="display: none">3</span>
                <span id="id3" style="display: none"></span>
                <span id="content3" style="cursor:pointer"></span>
            </div>
            <!--底部点赞、评论、点击量等信息-->
            <div class="bottom">
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="discussNum3"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right"><i class="fa fa-commenting-o"></i></span>
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="likeNum3"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right;cursor:pointer" id="likeBtn3"><i id="likeCron3" class="fa fa-heart-o"></i></span>
                <!--                    <span style="float: right"><i class="fa fa-heart"></i></span>-->
            </div>
        </div>
        <!--4-->
        <div id="tucao4" class="tucao">
            <!--头像-->
            <div class="picture">
                <img class="circleImg" src="../img/user.jpg">
            </div>
            <!--用户名、时间、地点信息-->
            <div class="author">
                <div class="name">
                    <span id="username4"></span>&nbsp;&nbsp;
                    <!--审核通过还是未通过-->
                    <span id="verifyClassify4" style="display: none"></span>
                    <!--标明是吐槽数据还是鸡汤数据 class="contentSortTucao" / class="contentSortHeart"-->
                    <span style="display: none" id="contentClassify4"></span>
                    <!--吐槽类别-->
                    <span style="display: none" id="tucaoSort4" class="contentSortTucao"></span>
<!--                    &lt;!&ndash;删除按钮&ndash;&gt;-->
<!--                    <button id="deleteMine4" class="deleteMine" >删除</button>-->
                </div>
                <div class="deletest">
                    <!--删除按钮-->
                    <button id="deleteMine4" class="deleteMine" >删除</button>
                </div>
                <div class="time">
                    <span id="time4"></span>&nbsp;&nbsp;<span id="place4"></span>
                </div>
            </div>
            <!--内容-->
            <div class="content">
                <span id="sortId4" style="display: none">4</span>
                <span id="id4" style="display: none"></span>
                <span id="content4" style="cursor:pointer"></span>
            </div>
            <!--底部点赞、评论、点击量等信息-->
            <div class="bottom">
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="discussNum4"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right"><i class="fa fa-commenting-o"></i></span>
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="likeNum4"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right;cursor:pointer" id="likeBtn4"><i id="likeCron4" class="fa fa-heart-o"></i></span>
                <!--                    <span style="float: right"><i class="fa fa-heart"></i></span>-->
            </div>
        </div>
        <!--5-->
        <div id="tucao5" class="tucao">
            <!--头像-->
            <div class="picture">
                <img class="circleImg" src="../img/user.jpg">
            </div>
            <!--用户名、时间、地点信息-->
            <div class="author">
                <div class="name">
                    <span id="username5"></span>&nbsp;&nbsp;
                    <!--审核通过还是未通过-->
                    <span id="verifyClassify5" style="display: none"></span>
                    <!--标明是吐槽数据还是鸡汤数据 class="contentSortTucao" / class="contentSortHeart"-->
                    <span style="display: none" id="contentClassify5"></span>
                    <!--吐槽类别-->
                    <span style="display: none" id="tucaoSort5" class="contentSortTucao"></span>
<!--                    &lt;!&ndash;删除按钮&ndash;&gt;-->
<!--                    <button id="deleteMine5" class="deleteMine" >删除</button>-->
                </div>
                <div class="deletest">
                    <!--删除按钮-->
                    <button id="deleteMine5" class="deleteMine" >删除</button>
                </div>
                <div class="time">
                    <span id="time5"></span>&nbsp;&nbsp;<span id="place5"></span>
                </div>
            </div>
            <!--内容-->
            <div class="content">
                <span id="sortId5" style="display: none">5</span>
                <span id="id5" style="display: none"></span>
                <span id="content5" style="cursor:pointer"></span>
            </div>
            <!--底部点赞、评论、点击量等信息-->
            <div class="bottom">
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="discussNum5"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right"><i class="fa fa-commenting-o"></i></span>
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="likeNum5"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right;cursor:pointer" id="likeBtn5"><i id="likeCron5" class="fa fa-heart-o"></i></span>
                <!--                    <span style="float: right"><i class="fa fa-heart"></i></span>-->
            </div>
        </div>
        <!--6-->
        <div id="tucao6" class="tucao">
            <!--头像-->
            <div class="picture">
                <img class="circleImg" src="../img/user.jpg">
            </div>
            <!--用户名、时间、地点信息-->
            <div class="author">
                <div class="name">
                    <span id="username6"></span>&nbsp;&nbsp;
                    <!--审核通过还是未通过-->
                    <span id="verifyClassify6" style="display: none"></span>
                    <!--标明是吐槽数据还是鸡汤数据 class="contentSortTucao" / class="contentSortHeart"-->
                    <span style="display: none" id="contentClassify6"></span>
                    <!--吐槽类别-->
                    <span style="display: none" id="tucaoSort6" class="contentSortTucao"></span>
<!--                    &lt;!&ndash;删除按钮&ndash;&gt;-->
<!--                    <button id="deleteMine6" class="deleteMine" >删除</button>-->
                </div>
                <div class="deletest">
                    <!--删除按钮-->
                    <button id="deleteMine6" class="deleteMine" >删除</button>
                </div>
                <div class="time">
                    <span id="time6"></span>&nbsp;&nbsp;<span id="place6"></span>
                </div>
            </div>
            <!--内容-->
            <div class="content">
                <span id="sortId6" style="display: none">6</span>
                <span id="id6" style="display: none"></span>
                <span id="content6" style="cursor:pointer"></span>
            </div>
            <!--底部点赞、评论、点击量等信息-->
            <div class="bottom">
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="discussNum6"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right"><i class="fa fa-commenting-o"></i></span>
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="likeNum6"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right;cursor:pointer" id="likeBtn6"><i id="likeCron6" class="fa fa-heart-o"></i></span>
                <!--                    <span style="float: right"><i class="fa fa-heart"></i></span>-->
            </div>
        </div>
        <!--7-->
        <div id="tucao7" class="tucao">
            <!--头像-->
            <div class="picture">
                <img class="circleImg" src="../img/user.jpg">
            </div>
            <!--用户名、时间、地点信息-->
            <div class="author">
                <div class="name">
                    <span id="username7"></span>&nbsp;&nbsp;
                    <!--审核通过还是未通过-->
                    <span id="verifyClassify7" style="display: none"></span>
                    <!--标明是吐槽数据还是鸡汤数据 class="contentSortTucao" / class="contentSortHeart"-->
                    <span style="display: none" id="contentClassify7"></span>
                    <!--吐槽类别-->
                    <span style="display: none" id="tucaoSort7" class="contentSortTucao"></span>
<!--                    &lt;!&ndash;删除按钮&ndash;&gt;-->
<!--                    <button id="deleteMine7" class="deleteMine" >删除</button>-->
                </div>
                <div class="deletest">
                    <!--删除按钮-->
                    <button id="deleteMine7" class="deleteMine" >删除</button>
                </div>
                <div class="time">
                    <span id="time7"></span>&nbsp;&nbsp;<span id="place7"></span>
                </div>
            </div>
            <!--内容-->
            <div class="content">
                <span id="sortId7" style="display: none">7</span>
                <span id="id7" style="display: none"></span>
                <span id="content7" style="cursor:pointer"></span>
            </div>
            <!--底部点赞、评论、点击量等信息-->
            <div class="bottom">
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="discussNum7"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right"><i class="fa fa-commenting-o"></i></span>
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="likeNum7"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right;cursor:pointer" id="likeBtn7"><i id="likeCron7" class="fa fa-heart-o"></i></span>
                <!--                    <span style="float: right"><i class="fa fa-heart"></i></span>-->
            </div>
        </div>
        <!--8-->
        <div id="tucao8" class="tucao">
            <!--头像-->
            <div class="picture">
                <img class="circleImg" src="../img/user.jpg">
            </div>
            <!--用户名、时间、地点信息-->
            <div class="author">
                <div class="name">
                    <span id="username8"></span>&nbsp;&nbsp;
                    <!--审核通过还是未通过-->
                    <span id="verifyClassify8" style="display: none"></span>
                    <!--标明是吐槽数据还是鸡汤数据 class="contentSortTucao" / class="contentSortHeart"-->
                    <span style="display: none" id="contentClassify8"></span>
                    <!--吐槽类别-->
                    <span style="display: none" id="tucaoSort8" class="contentSortTucao"></span>
<!--                    &lt;!&ndash;删除按钮&ndash;&gt;-->
<!--                    <button id="deleteMine8" class="deleteMine" >删除</button>-->
                </div>
                <div class="deletest">
                    <!--删除按钮-->
                    <button id="deleteMine8" class="deleteMine" >删除</button>
                </div>
                <div class="time">
                    <span id="time8"></span>&nbsp;&nbsp;<span id="place8"></span>
                </div>
            </div>
            <!--内容-->
            <div class="content">
                <span id="sortId8" style="display: none">8</span>
                <span id="id8" style="display: none"></span>
                <span id="content8" style="cursor:pointer"></span>
            </div>
            <!--底部点赞、评论、点击量等信息-->
            <div class="bottom">
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="discussNum8"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right"><i class="fa fa-commenting-o"></i></span>
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="likeNum8"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right;cursor:pointer" id="likeBtn8"><i id="likeCron8" class="fa fa-heart-o"></i></span>
                <!--                    <span style="float: right"><i class="fa fa-heart"></i></span>-->
            </div>
        </div>
        <!--9-->
        <div id="tucao9" class="tucao">
            <!--头像-->
            <div class="picture">
                <img class="circleImg" src="../img/user.jpg">
            </div>
            <!--用户名、时间、地点信息-->
            <div class="author">
                <div class="name">
                    <span id="username9"></span>&nbsp;&nbsp;
                    <!--审核通过还是未通过-->
                    <span id="verifyClassify9" style="display: none"></span>
                    <!--标明是吐槽数据还是鸡汤数据 class="contentSortTucao" / class="contentSortHeart"-->
                    <span style="display: none" id="contentClassify9"></span>
                    <!--吐槽类别-->
                    <span style="display: none" id="tucaoSort9" class="contentSortTucao"></span>
<!--                    &lt;!&ndash;删除按钮&ndash;&gt;-->
<!--                    <button id="deleteMine9" class="deleteMine" >删除</button>-->
                </div>
                <div class="deletest">
                    <!--删除按钮-->
                    <button id="deleteMine9" class="deleteMine" >删除</button>
                </div>
                <div class="time">
                    <span id="time9"></span>&nbsp;&nbsp;<span id="place9"></span>
                </div>
            </div>
            <!--内容-->
            <div class="content">
                <span id="sortId9" style="display: none">9</span>
                <span id="id9" style="display: none"></span>
                <span id="content9" style="cursor:pointer"></span>
            </div>
            <!--底部点赞、评论、点击量等信息-->
            <div class="bottom">
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="discussNum9"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right"><i class="fa fa-commenting-o"></i></span>
                <span style="float: right">&nbsp;&nbsp;</span>
                <span style="float: right" id="likeNum9"></span>
                <span style="float: right">&nbsp;</span>
                <span style="float: right;cursor:pointer" id="likeBtn9"><i id="likeCron9" class="fa fa-heart-o"></i></span>
                <!--                    <span style="float: right"><i class="fa fa-heart"></i></span>-->
            </div>
        </div>
    </div>

    <!--底部分页-->
    <div class="bottom-search">
        <div id="pagination" style="position: relative;width: 1000px;left: 300px"></div>
    </div>

</div>

<!--背景 下雨特效-->
<img id="background" alt="background" src="../img/bg4.jpg" style="height: 100%;width: 100%"/>

<!--导入JS-->
<!--jquery 1.11.0-->
<script src="../lib/js/jquery-1.11.0.min.js"></script>
<!--右侧导航球-->
<script src="../lib/js/gooey.min.js"></script>
<!--Bootstrap-->
<script src="../lib/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
<!--滚动条-->
<script src="../lib/js/scrollBar.js"></script>
<!--雨玻璃背景-->
<script src="../lib/js/rainyday.min.js"></script>
<!--定位当前城市-->
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<!--消息提示组件-->
<script src="../lib/spop-gh-pages/dist/spop.js"></script>
<!--分页-->
<script src="../lib/js/jquery.pagination.min.js"></script>
<!--导入JS-->
<script src="../js/manage-my.js"></script>
<!--左侧 次导航-->
<script type="text/javascript" src="../lib/js/nav.js"></script>
</body>

</html>